{% extends "base.html" %}


{% comment %} ---------------------------------------------------------------*\
 |  home.html                                                                |
 |                                                                           |
 |  Copyright (c) 2010-2012, Code A La Mode, original authors.               |
 |                                                                           |
 |      This file is part of Social Butterfly.                               |
 |                                                                           |
 |      Social Butterfly is free software; you can redistribute it and/or    |
 |      modify it under the terms of the GNU General Public License as       |
 |      published by the Free Software Foundation, either version 3 of the   |
 |      License, or (at your option) any later version.                      |
 |                                                                           |
 |      Social Butterfly is distributed in the hope that it will be useful,  |
 |      but WITHOUT ANY WARRANTY; without even the implied warranty of       |
 |      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        |
 |      GNU General Public License for more details.                         |
 |                                                                           |
 |      You should have received a copy of the GNU General Public License    |
 |      along with Social Butterfly.  If not, see:                           |
 |          <http://www.gnu.org/licenses/>.                                  |
\*------------------------------------------------------------ {% endcomment %}


{% block content %}

    <section>
        <h1>What is Social Butterfly?</h1>
        <p>
            Social Butterfly allows you to anonymously chat with random
            strangers through
            <a href="http://www.google.com/talk/">Google Talk</a>.
            If you use Gmail, you already have Google Talk.
        </p>
    </section>

    <section class="sign-up">
        <h1>How do I sign up?</h1>
        <form action="/" method="post" autocomplete="off" class="register">

            {% comment %}
                This is how I'd love to do it:

                <input name="handle" type="email" required
                       placeholder="Enter your Gmail address here." />

                But Safari doesn't understand how to style placeholders
                properly.  And Firefox makes required fields ugly.  :-(
            {% endcomment %}

            <input name="handle" type="email" required
                   value="Enter your Gmail address here." />

        </form>
    </section>

    <section class="signed-up">
        <h1>You&rsquo;ve successfully signed up.</h1>
        <p>
            Social Butterfly has sent you a chat invitation.  Please accept the
            invitation, then Social Butterfly will add itself to your buddy
            list.
        </p>
    </section>

    <section class="signed-up">
        <h1>What&rsquo;s next?</h1>
        <p>
            Once Social Butterfly is on your buddy list, send it a message with
            only the text &ldquo;/help&rdquo; (without the quotes).  Chat with
            strangers!
        </p>
    </section>

{% endblock %}
